<template>
  <div id="app" style="height:100%">
    <router-view style="height:100%"></router-view>
  </div>
</template>

<script>
export default {
  name: 'app'
}
</script>

<style lang="less">
@import '~vux/src/styles/reset.less';
@import '~vux/src/styles/1px.less';
body {
  background-color: #fbf9fe;
}
html, body{
  height: 100%;
  width: 100%;
  max-width:750px;
  // font-size:20px;
  overflow-x: hidden;
  text-align: center;
  .weui-cells{
    font-size:16px;
  }
}
*{
  box-sizing: border-box;
}
.pull-right{
  float: right;
}
.pull-left{
  float: left;
}
.card-beans{
  width: 100%;
  display: flex;
  span{
    background-color: #ccc;
    display: inline-block;
    margin-left:10px;
    // width: 44px;
    height: 22px;
    border-radius: 15px;
    position: relative;
    padding-left: 20px;
    padding-right: 10px;
    &:before{
      content: '';
      display: inline-block;
      position: absolute;
      left: -5px;
      top:-2px;
      height:26px;
      width:26px;
      background-image: url('./assets/roomcard.png');
      background-size:100% 100%;
    }
  }
  .beans:before{
    background-image: url('./assets/bean.png');
    background-size:100% 100%;
  }
}
</style>
